<template>
  <!-- 为什么要抽成通用组件 -->
  <!-- 当页面元素或者页面逻辑重复出现的时候，可以封装一个通用组件提高代码的复用性，也方便维护修改组件封装的原则
 1、组件的可复用性
2、组件的可配置性
3、组件的可拓展性
4、保证组件的黑盒性
5、保证封装过程的高内聚和低耦合
模型或业务相关的方法，都放在相同的文件里
再进一步，当某个模型或业务特别复杂之后，需要拆分文件，这些文件放在同一个文件夹内
不同服务之间的代码减少或禁止相互调用 -->
  <el-card>
    <div class="page-tools">
      <div class="left">
        <slot name="left" />
      </div>
      <div class="right">
        <slot name="right" />
      </div>
    </div>
  </el-card>
</template>

<script>
export default {
  name: 'PageTools'
}
</script>

<style lang="scss" scoped>
.page-tools {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
 ::v-deep.tips {
 line-height: 34px;
 padding: 0px 15px;
 border-radius: 5px;
 border: 1px solid rgba(145, 213, 255, 1);
 background: rgba(230, 247, 255, 1);
 i {
  margin-right: 10px;
  color: #409eff;
 }
}

</style>
